<template>
  <main-layout v-bind:headerContent="title" class="contract" >
    <flex-center class="row-center">
      <el-button type="primary" icon="el-icon-edit" @click="download()">
        {{ title }}
      </el-button>
    </flex-center>
  </main-layout>
</template>

<script>
import MainLayout from "../layout/Main.vue";
import FlexCenter from "../layout/FlexCenter.vue";
export default {
  components: {
    MainLayout,
    FlexCenter,
  },
  data() {
    return {
      title: "请点击一下哦",
    };
  },
  methods: {
    download() {
      location.href =
        // "https://jerrychane.oss-cn-beijing.aliyuncs.com/images/uploads/2018/02/2017070402.jpg";
        "https://vanbban.dscloud.me:5001/fsdownload/dod4QqE4Y/%EF%BC%88V4.0%EF%BC%89Spring%E6%A1%86%E6%9E%B6%E9%98%B6%E6%AE%B5%E6%B5%8B%E8%AF%95%E9%A2%98%E7%AC%AC1%E5%A5%97%E5%8D%B7%E7%AD%94%E6%A1%88%E8%A7%A3%E6%9E%90.docx";
    },
  },
};
</script>

<style scoped>
.contract {
  background: #e7fae7 url("../assets/522594.jpg") repeat fixed center;
}
.row-center {
  text-align: center;
}
</style>
